<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>alternateStyles.js : text size example</title>
<script type="text/javascript" src="alternateStyles.js"></script>
<script type="text/javascript" src="getElementsBySelector.js"></script>
<script type="text/javascript">
<!--[CDATA[
var as = new alternateStyles();
as.cookieName = "example-textsize";

window.onload = function() {
	setEvents();
	as.load();
}

function setEvents()
{
	if (!document.getElementById)
		return 0;
	var sc = document.getElementById('control');
	var	li = sc.getElementsByTagName('li');
	for(var i=0;i<li.length;i++)
	{
		li[i].onclick = function()
		{
			var styles = 'font-size: '+this.id+';';
			as.addStyle('body',styles);
			as.saveAndReload();
		}
	}
}

//]]-->
</script>
<style type="text/css" media="screen"><!-- @import url(example.css); --></style>
</head>

<body>

<div id="control">
	<p>[<a href="javascript:alert(as.empty());">Clear Cookie</a> | <a href="javascript:alert(as.getStyles());">See Whats In The Cookie</a> ]</p>
	<p>Choose the text size:</p>
	<ol>
		<li id="small">Small</li>
		<li id="medium">Medium</li>
		<li id="large">Large</li>
	</ol>
</div>

<div id="content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed consectetuer tortor sed velit. Mauris sollicitudin nonummy sem. In hac habitasse platea dictumst. Pellentesque dui felis, faucibus ac, laoreet eu, lobortis vitae, odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi ut erat nec nisl ornare vulputate. Nullam ut tellus eu est ullamcorper facilisis. Mauris placerat fermentum sem. In at libero id erat sodales viverra. Quisque vitae dui eu nibh vestibulum luctus. Suspendisse potenti. Nullam ac turpis in erat sodales consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris auctor.</p>
<p>Etiam nonummy, metus a vestibulum elementum, est nulla vehicula dolor, id dapibus enim ligula id urna. Duis quis felis in lacus malesuada condimentum. Proin id ligula. Suspendisse mattis. Vivamus pede urna, lacinia id, gravida id, fringilla eget, est. Nam in dolor vitae metus fermentum ultrices. Vivamus velit. Pellentesque quis leo ut nisi laoreet dapibus. Vestibulum condimentum. Maecenas sollicitudin aliquet libero. Praesent faucibus, dui ut consectetuer pellentesque, mi orci consequat velit, varius tincidunt urna nunc id est. Maecenas tristique purus a justo aliquam sagittis.</p>
<p>Donec lobortis, odio nec bibendum venenatis, urna turpis pellentesque eros, id gravida nunc ante sit amet risus. Aliquam elementum, enim facilisis porttitor cursus, erat lectus nonummy dolor, in vehicula velit est vitae orci. Ut nec leo. Quisque porta, augue in tincidunt convallis, nunc lorem posuere purus, quis accumsan massa magna nec ipsum. Donec sapien metus, blandit id, volutpat in, pretium vitae, tortor. Nam neque. Aliquam erat volutpat. Aliquam ac enim ut magna malesuada bibendum. Sed posuere tincidunt libero. Aliquam feugiat dolor et tortor. Vivamus urna turpis, pretium ut, tincidunt a, ultrices a, metus. Maecenas est arcu, laoreet ac, eleifend at, rutrum vitae, nulla. Quisque congue augue eu nibh. Morbi nulla diam, molestie at, nonummy ac, suscipit rhoncus, sapien. Integer est tellus, condimentum vitae, congue non, dignissim sit amet, libero. Pellentesque commodo vestibulum lorem. Cras porta mauris sit amet ante. Donec fermentum ornare nulla.</p>
<p>Aenean vitae lectus vel justo facilisis malesuada. Donec ac quam. Vestibulum dolor elit, iaculis sit amet, viverra at, semper sed, nunc. Aliquam non diam. Morbi nisi augue, ullamcorper eu, blandit vel, molestie sit amet, ante. Fusce mi. Quisque commodo. Praesent ipsum odio, vestibulum et, posuere ut, vehicula id, nunc. Pellentesque scelerisque, libero dignissim dapibus mattis, nunc mauris luctus sapien, eget fermentum nisl nibh sed enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed eu nisl. Donec accumsan. Mauris urna. Duis posuere augue et dui. Proin quis dolor.</p>
<p>Quisque consectetuer lectus eu felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus a dui. Morbi faucibus. Donec enim nisl, iaculis id, vehicula ut, molestie et, massa. Maecenas justo. Duis nonummy neque. Phasellus pellentesque erat vel libero. Pellentesque ac nunc vitae risus luctus suscipit. Suspendisse potenti. Aliquam luctus, dolor hendrerit tincidunt auctor, dolor dolor facilisis lacus, ac malesuada purus massa vel lectus. Sed magna eros, dictum et, tincidunt nec, aliquet ut, tellus. Morbi vestibulum. Donec tortor. Praesent neque. Morbi accumsan urna quis diam. Duis aliquam rutrum dolor. Nullam ac arcu. Suspendisse potenti.</p>
</div>

</body>
</html>
